﻿

/* ------------------------------------------------------------------------------------
RESET WILL UPDATE MORE			 */
abbr, acronym {border: 0 none; font-variant: normal;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal; font-weight: 400;}
body {font-family: Arial; margin:0 auto;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin: 0; padding: 0;}
caption, th {text-align: left;}
em {font-style: italic; font-weight: inherit;}
fieldset, img {border: 0 none; display: block; }
html {overflow-y: scroll;}
/*html {/*background: #f4f4f4 none repeat scroll 0 0;*/}*/
a, input[type="submit"], input[type="reset"], input[type="button"] {border: 0 none; cursor: pointer; outline-style: none;}
a { text-decoration: none; }
input, textarea, select {font-family: inherit; font-size: inherit; font-weight: inherit; outline-style: none; outline-width: 0;}
legend {color: #000000; display: none;}
li {list-style-image: none; list-style-position: outside; list-style-type: none;}
strong {font-style: inherit; font-weight: 700;}
sub {vertical-align: text-bottom;}
sup {vertical-align: text-top;}
table {border-collapse: collapse; border-spacing: 0;}


/**/

input[type="checkbox"] { display: none; }


/* ------------------------------------------------------------------------------------
DEFAULT 			 */
.main { width:990px; text-align:left; }
.clear { clear: both; }

.min_logo label, .logoDefault label, .logo label, .UsebackgroundPosition { background-image:url(../images/position.png); background-repeat: no-repeat;} 
.headerBarContent span, .searchBox span, #findFriend ul span, .iGoal_validate, .loginBenefit span{ background-image:url(../images/icon.png); background-repeat: no-repeat;} 
.headerBarContent dd, .headerBarContent dt, .UsebackgroundHorizontal, .tipMess dt, .tipMess dd, .tipMess span, .iGoal_button li { background-image:url(../images/horizontal.png); background-repeat: repeat-x; }

.iGoal_button, .UsePositionRelative { position: relative; z-index:0; }

.tipMess span, .searchBox span, .home_footer ul, .home_footer span, .min_logo a, .logoDefault a, .logoDefault label, .min_logo label, .UsePositionAbsolute, .headerBarContent ul, .addFindFriend { position: absolute; z-index:2; }

/* ------------------------------------------------------------------------------------
CHECK BOX RADIO SELECT 			 */

ul.select { border:1px solid #BFBFBF; background-color:White;  }
				    
.horizontalElect li 
{	   
    cursor:pointer;
    float:left;
    font-size:12px;
    font-weight:bold;
    margin:0;
    padding:10px 0;
    text-align:center; 
}

.styled {	
	height: 20px;
	padding: 0 5px 0 20px;
	background: url("../images/style.png") no-repeat;
	display: block;
	clear: left;
	float: left;
	cursor: pointer;	
}


.styled span { cursor: default; }

.checkbox { background-position:0 0; }

.checkbox_active { background-position:0 -22px; }
/*.radio {
	background: url(radio.gif) no-repeat;
}*/
/* ------------------------------------------------------------------------------------
HEADER DEFAULT 			 */


.align  
{
    width:100%;
    margin:0 auto;
	float:left
    }
    
.headerBar {background-color:#212121; }

.headerBar, .headerBarContent
{        
        height:35px;       
    }
    .searchBox  
    {
        width:160px;
        height:22px;
        background-color:#2b2b2b;
        border:1px solid #6d6d6d;
        top:6px;
        }
        
        .searchBox input[type="text"]
        {
            font-size:11px;
            color:#999;
            width:128px;
            height:22px;
            border:none;
            padding:0 0 0 5px;
            background-color: Transparent;   
            line-height:22px;         
            }
            
            .searchBox span 
            {
                width:19px;
                height:12px;
                background-position: 9px 2px;
                top:5px;
                border-left:1px solid #627642;
                
                }
                /* Menu Navigation */
                .headerBarContent ul { right:0px; top:5px; }
                
                .headerBarContent li { float:left;  line-height:20px; }
                
                .headerBarContent label, .headerBarContent ul span { display: block; float:left; cursor: pointer;margin-right:9px }
                
                .headerBarContent ul span  
                {                    
                    width:8px;
                    height:4px;
                    }
                    
                    
                    .headerBarContent .logout a{ font-weight: bold; color: #999999; font-size:11px; display: block; margin:0 0 0 10px;  }
                    
                    .headerBarContent .line { margin: 4px 8px 0 0; height:14px; width:1px; background-color: #999;   }
                    
                    .settingiGoal a { color:#fff; display: block; height:21px; }
                    
                    .settingiGoal a, .headerBarContent dt { font-weight: bold; font-size:12px;  }
                    
                    .settingiGoal a span { background-position: 0 -20px; margin: 9px 10px 0 7px; }                    
                    
                    .headerBarContent dd span { background-position: 0 -28px; margin:9px 0 0 0; }
                    
                    .headerBarContent dl, .headerBarContent dt, .headerBarContent dd { height:21px; display: block; float: left; cursor: pointer;}
                    
                    .headerBarContent dt { background-position: left -21px; padding:0 12px 0 0; }
                    
                    .headerBarContent dd { background-repeat: no-repeat;  }
                    
                    .l { background-position: left 0; width:10px;}
                    .r { background-position: right -42px; width:18px; }
                /* Menu Navigation */
.banner 
{
    background-color: #1984BC;    
    }
    .bannerImage 
    {
        height:74px; 
        background-position: 0 -56px;
        }
        
    .logoDefault a{ left:0; top: 11px; }    
    .logoDefault label 
    {
        height:21px; 
        left:148px; 
        top:25px; 
        width:262px; 
        text-indent:-1000px; 
        background-position:-287px 0; 
        } 
        
        
/* ------------------------------------------------------------------------------------
TIP TIP			 */      
        
    .tipMess { height: 38px;}
        .tipMess dl, .tipMess dt, .tipMess dd{ float: left; height:32px; display: block; }
        .tipMess dt { width:10px; }        
        .tipMess .l { background-position:left -63px; }        
        .tipMess dd { background-position:0 -95px; color:#fff; font-weight: bold; line-height:32px; }        
        .tipMess .r { background-position:right -127px; }
        .tipMess span { display: block; width:9px; height:6px; background-position: left -474px; left:15px; top:31px; }
        
        /*default button*/
        .iGoal_button { float:left; }
            .iGoal_button a { display: block;}
            .iGoal_button ol, .iGoal_button li{ float: left; display: block;  }            
            .iGoal_button .l, .iGoal_button .r { width:10px; }
            
            /*style*/
            .button1 li{ height:39px; }
                .button1 a { color:#fff; font-size:14px; font-weight: bold; line-height:38px; }
                    .button1 .l { background-position:left -234px;}
                    .button1 .m { background-position:left -273px; padding:0 15px;}
                    .button1 .r { background-position:right -312px;}
            
            .button2 li{ height:41px; }
                .button2 a { color:#fff; font-size:14px; font-weight: bold; line-height:40px; }
                    .button2 .l { background-position:left -351px;}
                    .button2 .m { background-position:left -392px; padding:0 35px;}
                    .button2 .r { background-position:right -433px;}
            
            .button3 li{ height:31px; }
                .button3 a { color:#fff; font-size:11px; font-weight: bold; line-height:30px; }
                    .button3 .l { background-position:left -492px;}
                    .button3 .m { background-position:left -523px; padding:0 5px;}
                    .button3 .r { background-position:right -554px;}                    

                            .button3_1 .l { background-position:left -585px;}
                            .button3_1 .m { background-position:left -616px; }
                            .button3_1 .r { background-position:right -647px;}
        
        
/* ------------------------------------------------------------------------------------
VALIDATE 			 */

.iGoal_validate { display: block; overflow:hidden; text-indent:-1000px; }

    .notification { width:35px; height:31px;  background-position:-64px -46px; }

        
/* ------------------------------------------------------------------------------------
    FOOTER			 */ 
    
    .home_footer { border-top:1px solid #d3d3d3; }    
    .home_footer .main{ position: relative; }    
        .min_logo a{ left:0; top: 20px; }    
        .min_logo label 
        {
            background-position:0 -37px;
            height:18px;
            left:88px;
            text-indent:-1000px;
            top:25px;
            width:165px;
            overflow: hidden;
            }
            .home_footer ul { top: 52px; }            
            .home_footer li { float: left; font-size: 11px; font-weight: bold;  }            
                .home_footer li a { color: #666666;  padding:0 5px 0 0; margin:0 5px 0 0; border-right:1px solid #666; }                
                    .home_footer li a:hover { color:#000; text-decoration: underline; }                
                .home_footer .last a{ border: none; }                
                .home_footer span { top: 73px ; font-size:11px; color:#333; line-height:16px; }                
                .home_footerAlign { margin:30px 0 0 0;}